<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>注册</title>
	</head>

	<body class="bg cwhite">
		<main class="flex rel">
			<p class="check abs f16" id="login">密码登录</p>
			<div class="title abs">
				<h1>手机号登录/注册</h1>
				<p class="subTitle cwhite f16">快速找到好友, 一站式记录你的运动</p>
			</div>

			<!-- 表单 -->
			<form action="" method="get" class="abs">
				<div class="items"><input type="text" placeholder="请输入手机号" id="account"/></div>
				<div class="items">
					<div class="captchaInput">
						<input type="text" class="fl" placeholder="请输入验证码" id="vcode"/>
					</div>
					<div class="securityCode fr">
						<canvas width="100" height="40" id="captcha1"></canvas>
					</div>
				</div>
				<div class="items"><input type="password" placeholder="请输入密码" id="pwd"/></div>
				<div class="items"><input type="password" placeholder="请再次确认密码" id="checkPwd"/></div>
				<div class="items"><input class="btn cwhite tcenter" value="注册账号" type="button" id="btn"></input></div>
			</form>

		<!-- slogan -->
			<p class="slogan f12 tcenter abs">-HOLD ON-</p>
		</main>
	</body>
</html>
